$(function () {
    layui.use(['table', 'form', 'laydate'], function () {
        var table = layui.table;
        let form = layui.form;
        let laydate = layui.laydate;

        laydate.render({
            elem: "#start",
            trigger: "click"
        })
        laydate.render({
            elem: "#end",
            trigger: "click"
        })
        getCuisineName();

        function getCuisineName() {
            $.ajax({
                url: '/back/cuisine/findAll',
                data: {},
                type: 'get',
                dataType: 'json',
                success: function (res) {
                    // console.log(res);
                    // $("#id").html('aaa');
                    let html = '<option value="-1" selected>请选择菜系</option>';
                    for (let i = 0; i < res.data.length; i++) {
                        html += '<option value="' + res.data[i].id + '">' + res.data[i].name + '</option>';
                    }
                    $("#cuisineId").html(html);
                    form.render();//重新渲染表单
                }
            })
        }

        page({});
        form.on('submit(search)', function (data) {
            data = data.field;
            // console.log(data);
            page(data);
            return false;
        })

        function page(data) {
            table.render({
                elem: '#table'//找到要显示的表格地址
                , url: '/back/product/findAll'//访问Java后台的地址
                , where: data
                , parseData: function (res) { //res 即为原始返回的数据
                    // console.log(res);
                    return {
                        "code": res.code, //解析接口状态
                        "msg": res.msg, //解析提示文本
                        "count": res.count, //解析数据长度
                        "data": res.data //解析数据列表
                    };
                }
                , cols: [[
                    {field: 'id', title: 'ID', width: 80, fixed: 'left', unresize: true, sort: true}
                    , {field: 'name', title: '产品名称', width: 120, edit: 'text'}
                    , {field: 'normalPrice', title: '正常价', width: 120, edit: 'text'}
                    , {field: 'marketPrice', title: '市场价', width: 120, edit: 'text'}
                    , {field: 'createTime', title: '发布日期', width: 220}
                    , {field: 'cuisineName', title: '菜系', width: 220}
                    , {
                        field: 'imgHref', title: '图片展示', width: 120, edit: 'text', templet: function (d) {
                            return "<img src='" + d.imgHref + "' width='50' height='50'>";
                        }
                    }
                    , {
                        field: 'enable', title: '状态', templet: function (d) {
                            return d.enable == 1 ? '启用' : '禁用';
                        }
                    }
                    , {fixed: 'right', title: '操作', toolbar: '#barDemo', width: 150}
                ]]
                , page: true
            });
        }

        //监听行工具事件
        table.on('tool(test)', function (obj) {
            var data = obj.data;
            console.log(obj)
            console.log(data)
            if (obj.event === 'del') {
                layer.confirm('真的删除行么', function (index) {
                    //调用ajax删除数据
                    $.ajax({
                        url: '/back/product/delete',
                        data: {id: data.id},
                        type: 'post',
                        dataType: 'json',
                        success: function (res) {
                            if (res.count > 0) {
                                obj.del();
                                layer.close(index);
                            } else {
                                layer.msg('删除失败');
                            }
                        }
                    });

                });
            } else if (obj.event === 'edit') {
                sessionStorage.setItem('productId', data.id);
                xadmin.open('编辑产品', '/html/product/product-update.html', 600, 400)
            }
        });
    })
})